<html>

<head>
  <title>Viser</title>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta content="always" name="referrer">
  <link href="./build/home.css" rel="stylesheet">
</head>

<body>
  <header class="home-header">
    <h1 class="home-title">Viser</h1>
    <nav class="common-header-nav">
      <a class="github-link" href="https://github.com/viserjs/viser" target="_blank">
        <i class="iconfont icon-gh"></i>
        <i class="iconfont icon-gh-o"></i>
      </a>
      <span class="page-language-switch"></span>
      <a class="common-header-nav-item theme-link" href="/theme.html"></a>
      <a class="common-header-nav-item demo-link" href="/demoHome.html"></a>
      <a class="common-header-nav-item docs-link" target="_blank" href="https://www.yuque.com/rs385i"></a>
      <div id="viser-nav"></div>
    </nav>
  </header>
  <section class="main-intro">
    <p class="main-intro-title"></p>
    <p class="main-intro-subtitle"></p>
  </section>
  <section class="home-section presentation-1">
    <div class="intro-container">
      <div class="intro-multimedia">
        <div class="presentation-item presentation-item-chart">
          <div id="viser-mount-1-1"></div>
        </div>
        <div class="presentation-item presentation-item-code">
          <div id="viser-mount-1-2"></div>
        </div>
      </div>
      <div class="intro-text">
        <h3 class="intro-title"></h3>
        <p class="intro-content"></p>
      </div>
    </div>
  </section>
  <section class="home-section presentation-2">
    <div class="intro-container">
      <div class="intro-multimedia">
        <div class="presentation-item presentation-item-1">
          <div id="viser-mount-2-1"></div>
        </div>
        <div class="presentation-item presentation-item-2">
          <div id="viser-mount-2-2"></div>
        </div>
        <div class="presentation-item presentation-item-3">
          <div id="viser-mount-2-3"></div>
        </div>
        <div class="presentation-item presentation-item-4">
          <div id="viser-mount-2-4"></div>
        </div>
      </div>
      <div class="intro-text">
        <h3 class="intro-title"></h3>
        <p class="intro-content"></p>
      </div>
    </div>
  </section>
  <section class="home-section presentation-3">
    <div class="intro-container">
      <div class="intro-multimedia">
        <div class="presentation-item presentation-react">
          <img src="//img.alicdn.com/tfs/TB1tvbdbyqAXuNjy1XdXXaYcVXa-400-400.png" />
        </div>
        <div class="presentation-item presentation-ng">
          <img src="//img.alicdn.com/tfs/TB1tLbdbyqAXuNjy1XdXXaYcVXa-400-400.png" />
        </div>
        <div class="presentation-item presentation-vue">
          <img src="//img.alicdn.com/tfs/TB1s2bdbyqAXuNjy1XdXXaYcVXa-400-400.png" />
        </div>
        <div class="presentation-item presentation-json">
          <img src="//img.alicdn.com/tfs/TB1sLbdbyqAXuNjy1XdXXaYcVXa-400-400.jpg" />
        </div>
      </div>
      <div class="intro-text">
        <h3 class="intro-title"></h3>
        <p class="intro-content"></p>
      </div>
    </div>
  </section>
  <section class="try-now">
    <ul class="highlight-feature-list">
      <li class="highlight-feature-item highlight-feature-item-1">
        <div class="highlight-feature-title">
          <div class="icon-container">
            <i class="iconfont icon-one"></i>
          </div>
        </div>
        <div class="highlight-feature-content"></div>
      </li>
      <li class="highlight-feature-item highlight-feature-item-2">
        <div class="highlight-feature-title">
          <div class="icon-container">
            <i class="iconfont icon-infinite"></i>
          </div>
        </div>
        <div class="highlight-feature-content"></div>
      </li>
      <li class="highlight-feature-item highlight-feature-item-3">
        <div class="highlight-feature-title">
          <div class="icon-container">
            <i class="iconfont icon-contain"></i>
          </div>
        </div>
        <div class="highlight-feature-content"></div>
      </li>
    </ul>
    <p class="try-content"></p>
    <a class="try-link" target="_blank" href="https://www.yuque.com/rs385i/yzbt72/kt3iq2"></a>
  </section>
  <footer class="home-footer">
    <section class="home-footer-copyright bottom-layout"></section>
  </footer>
  <script src="./build/home.js" type="text/javascript"></script>
  <script src="./build/home-viser.js" type="text/javascript"></script>
</body>

</html>
